<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../../static/admin/layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="../../../static/admin/css/admin.css" />
		<link rel="stylesheet" type="text/css" href="../../../layui/css/modules/laydate/default/laydate.css" />
		<script type="text/javascript" src="../../../layui/lay/modules/laydate.js"></script>
		
	</head>
	<body>
	<div class="wrap-container">
			<div class="layui-input-block">
				<select name="escorted" lay-verify="required" id="proNos">
				</select>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">陪同人员：</label>
				<div class="layui-input-block">
					<select name="escorted" lay-verify="required" lay-search
						id="proNos">
						<option value="">请选择陪同人员</option>
						<optgroup label="实验一部">
							<option value="李某">李某</option>
							<option value="张某">张某</option>
							<option value="龙某">龙某</option>
						</optgroup>
						<optgroup label="实验二部">
							<option value="张三">张三</option>
							<option value="李四">李四</option>
							<option value="王五">王五</option>
						</optgroup>
					</select>
				</div>
			</div>
	</div>

	<script src="../../../static/admin/js/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../static/admin/layui/layui.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">

		$(document).ready(function() {
							var resultData;
							var htmls = '<option value="">请选择</option>'; //全局变量
							$.ajax({
										url :  '/web/select',
										type : "post",
										dataType : "json",
										success : function(result) {
											var resultData = result.userInfo;
											for ( var x in resultData) {
												htmls += '<option value = "' + resultData[x].fullname + '">'+ resultData[x].fullname+ '</option>'
											}
											$("#proNos").html(htmls);
										}
									});
							//form.render('select');//需要渲染一下
						})
	</script>
</body>
</html>